<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title> admin </title>
    <link rel="stylesheet" href="./admin-style.css">
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'> <!--此处为了使用图库进行引用 -->
    <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3875222_txxezkxho3.css">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>

<body>
    <div class="HomeContent">
        <i class='bx bx-menu' style="position: relative;left:-80px;"></i>
        <span class="text" style="position: relative;left: -150px;">首页</span>&nbsp;<span class="text" 
                 onclick="window.open('admin-message.html','_self')" style="position: relative;left: -300px;">消息</span>

        <div class="Searchbox">
            <input type="search" name="" placeholder="哈哈" id="search-box">
            <label for="search-box" class="fas fa-search"></label>
            <img src="" alt="">
        </div>
        <div class="NamePhoto">
            <div class="Center">
                
                    <span class="text" onclick="window.open('admin-index.html','_self')">用户中心</span>
            </div>
            <span>&nbsp&nbsp&nbsp&nbsp</span>
            <i class='bx bxs-ghost'></i>
        </div>
    </div>
    <div class="CenterBackground">
        <div class="Sidebar">
            <div class="LogoDetails">
                <i class='bx bx-book-open'></i>
                <span class="LogoName">云顶图书馆</span>
            </div>
            <ul class="NavLinks">

                <li><a href="#">
                        <button class="NavLinks2">
                            <i class='iconfont icon-wode'></i>
                            <span class="LinkName">用户信息</span>
                        </button></a>
                </li>
                <li>
                    <div class="IocnLink">
                        <a href="#"><button class="NavLinks1">

                                <i class="iconfont icon-lishijilu_huaban"></i>
                                <span class="LinkName">借阅记录</span>
                            </button></a>
                    </div>
                </li>
            </ul>

        </div>
        <div class="HomeSection">
            <div id="content1" class="content ">
                <!-- <div class="AllUser">
                    <div class="UserAvatar">
                        <img src="https://typora--image1.oss-cn-beijing.aliyuncs.com/d54b282a11f4b989840ff36033a4104ef440429c_raw.jpg"
                            alt="" class="UserPhoto">
                    </div>
                    <div class="UserMessage">
                        <h2>张三</h2>
                        <p>direction : '秘书处', grade: '七期',<br> '3398771472'</p>
                    </div>
                </div> -->


            </div>

            <div id="content2" class="content hide">

                <table class="record" cellspacing="8px" rules="all">
                    <tr>

                        <th class="UserName">用户名</th>
                        <th class="BookName">书名</th>
                        <th class="quantity">数量</th>
                        <th class="BorrowDate">借阅日期</th>
                        <th class="state">状态</th>
                    </tr>




                </table>
            </div>
            <!-- <div class="TableFooter"><button id="quit">退出登录</button></div> -->
            <div class="footer"></div>

        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.3.js"></script>
    <script src="./admin-script.js"></script>
</body>

</html>